<template>
  <router-view></router-view>
  <van-tabbar v-model="active" router>
    <van-tabbar-item to="index">
      <svg class="icon-index" aria-hidden="true">
        <use xlink:href="#icon-shouye"></use>
      </svg><br />
      <span>首页</span>
      <!-- <template #icon1="props">
      <img :src="props" />
    </template> -->
    </van-tabbar-item>
    <van-tabbar-item to="service">
      <svg class="icon-fuwu" aria-hidden="true">
        <use xlink:href="#icon-fuwu"></use>
      </svg><br />
      <span>服务</span>
    </van-tabbar-item>
    <van-tabbar-item to="healthRcode">
      <svg class="icon-danganguanli-xianxing" aria-hidden="true">
        <use xlink:href="#icon-danganguanli-xianxing"></use>
      </svg><br />
      <span>健康档案</span>
    </van-tabbar-item>
    <van-tabbar-item to="myoption">
      <svg class="icon-wode" aria-hidden="true">
        <use xlink:href="#icon-wode"></use>
      </svg><br />
      <span>我的</span>
    </van-tabbar-item>
  </van-tabbar>
</template>

<script setup lang="ts">
import { ref } from 'vue';
const active = ref(0);
</script>

<style lang="less" scoped>

</style>